<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 表单标签 action表单提交到服务器的一个地址-->
   <form action="test.php" method="post">
    <!-- 明文输入框 -->
     用户：<input type="text">
     <!-- 暗文输入框 -->
     密码：<input type="password"><br>
     <!-- br标签强制换行 -->
      <!-- 单选按钮 -->
       性别：
       <label for="list">男：</label>
       <input type="radio" name="gender" value="male" id="list">

       <label>
       女：<input type="radio" name="gender" value="female" id="">
       </label><br>
       爱好：
       篮球：<input type="checkbox" name="hobbies" value="basketball" >
       足球：<input type="checkbox" name="hobbies" value="football" >
       游泳：<input type="checkbox" name="hobbies" value="swimming"><br>
       <!-- 下拉框 -->
        <select name="city">
            <!-- 下拉选项 -->
             <!-- 进行分组 -->
             <optgroup label="一线城市">
                <option value="lanzhou">兰州</option>
                <option value="tiaoshui">天水</option>
                <option value="baiyin">白银</option>
             </optgroup>
             <optgroup label="二线城市">
                <option value="shanghai">上海</option>
                <option value="guangzhou">广州</option>
                <option value="beijing">北京</option>
             </optgroup>
             <!-- <option value="lanzhou">兰州</option>
             <option value="tiaoshui">天水</option>
             <option value="baiyin">白银</option> -->
        </select><br>
        <!-- 多行文本框 -->
         <!-- <textarea rows="50" cols="50"></textarea> -->
          <textarea></textarea>
          <!-- 进度条 -->
           <progress value="70" max="100"></progress>
           <input type="range" min="0" step="1" max="10">
           <!-- 时间日期选择器 -->
            <input type="datetime-local">
            <input type="date">
            <input type="color">
            <input type="button" value="提交">
   </form> 
</body>
</html>